<%@page contentType="text/html"%>
<%@page pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
		<title>项目文档</title>
		<link href="/resources/src/css/main.css" rel="stylesheet">
   		<link href="/resources/src/css/responsive.css" rel="stylesheet">
		<link href="/resources/src/css/projects-detail.css" rel="stylesheet">
		<link href="/resources/src/css/projects.css" rel="stylesheet">
	</head>
	<body class="sticky-header">
		<jsp:include page="left-slide.jsp" />
		<div class="main-content">
			<jsp:include page="header-start.jsp" />
        	<div class="row scroll-range" style="margin-right:0; margin-left:0;">
               	<jsp:include page="project-manage-left.jsp" />
               	<div class="right-box  col-xs-12 col-sm-8 col-md-9  col-lg-10 text-center">
               		<jsp:include page="project-comment.jsp" />
               		
               		<!--标题上传文件-->
               		<div class="content-title upload-file">
               			<i class="iconfont icon-wenjianshangchuan"></i><span>上传文件</span>
               		</div>
               		<!--主体内容-->
               		<div class="content text-left" style="border:1px solid #f5f5f5; border-bottom:0;">
               			<div class="list clearfix">
               				<div class="item file-name pull-left">
               					<i class="iconfont icon-weibiaoti1"></i><span>我的文件</span>	
               				</div>
               				<div class="item file-size pull-left">
               					文件大小&nbsp;:&nbsp;5.2M
               				</div>
               				<div class="item date-time time pull-left">
               					上传时间&nbsp;:&nbsp;2017年06月12日 14:20
               				</div>
               				<div class="pmgressbar-box pull-left">
								<div class="pmgressbar"><span></span></div>
								<div class="pmgressbar-cancel"><i class="iconfont icon-shanchu"></i></div>
							</div>
               				<div class="item btn-row pull-right">
               					<a class="reload" data-toggle="tooltip" title="重新上传">
               						<input type="file" class="re-upload">
               						<i class="iconfont icon-shangchuan1"></i>
               					</a>
               					<a class="del" data-toggle="tooltip" title="删除文件"><i class="iconfont icon-shanchu2"></i></a>
               				</div>
               			</div>
               			<div class="list clearfix">
               				<div class="item file-name pull-left">
               					<i class="iconfont icon-weibiaoti1"></i><span>我的文件</span>	
               				</div>
               				<div class="item file-size pull-left">
               					文件大小&nbsp;:&nbsp;5.2M
               				</div>
               				<div class="item date-time time pull-left">
               					上传时间&nbsp;:&nbsp;2017年06月12日 14:20
               				</div>
               				<div class="pmgressbar-box pull-left">
								<div class="pmgressbar"><span></span></div>
								<div class="pmgressbar-cancel"><i class="iconfont icon-shanchu"></i></div>
							</div>
               				<div class="item btn-row pull-right">
               					<a class="reload" data-toggle="tooltip" title="重新上传">
               						<input type="file" class="re-upload">
               						<i class="iconfont icon-shangchuan1"></i>
               					</a>
               					<a class="del" data-toggle="tooltip" title="删除文件"><i class="iconfont icon-shanchu2"></i></a>
               				</div>
               			</div>
               		</div>
               	</div>
           </div>
        </div>
       
        <script src="http://lib.sinaapp.com/js/jquery/1.9.1/jquery-1.9.1.min.js"></script>
	    <script src="https://cdn.bootcss.com/jquery.nicescroll/3.7.0/jquery.nicescroll.js"></script>
	    <script src="/resources/src/js/bootstrap.min.js"></script>
	    <script src="/resources/src/js/main.js"></script>
	    
	    <script>
	    	$(function(){ 
	    		
	    		//提示工具
	    		$("[data-toggle='tooltip']").tooltip(); 
	    		
	    		//上传
	    		$(".re-upload").click(function(){
	    			$(this).parents(".list").find(".pmgressbar-box").show();
	    		});
	    		
	    		//取消上传，隐藏上传进度条
	    		$(".content").on("click",".pmgressbar-box .icon-shanchu",function(e){
	    			var e=e || window.event, target=e.target || e.srcElement;
	    			target.parentNode.parentNode.style.display="none";
	    		});
	    		
	    		//删除文件
	    		$(".content .del").click(function(){
	    			//对应的条目为：$(this).parents(".list");
	    			
	    			//删除
	    			$(this).parents(".list").remove();
	    		});
	    		
	    	});
	    </script>
       
	</body>
</html>